<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>松果网</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <!-- Your styles -->
    <link href="css/style.css" rel="stylesheet" media="screen">

     <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="img/icons/favicon.ico">
    <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">    
	<link href="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
	<link href="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">
	<link href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
	<link href="css/main.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- styles for IE -->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie/ie.css" type="text/css" media="screen" />
    <![endif]-->
   
  </head>
  <body> 
    <div class="container wraper">
        <!-- Header-->
        <header class="section_title">            
            <!-- nav_logo-->
            <div class="nav_logo">            
                <div class="container">
                    <div class="row-fluid">

                        <!-- Logo-->
                        <div class="span3 logo">
                            <a href="index.html" title="Back to Home">                            
                                <img src="img/logo.png" alt="Logo">
                            </a>
                        </div>
                        <!-- End Logo-->
                                                      
                        <!-- Nav-->
                        <nav class="span9">
                            <!-- Menu-->
                            <ul id="menu" class="sf-menu">
                                <li><a href="about.html">激活设备</a></li>
								<li><a href="about.html">退出</a></li>
                            </ul>
                            <!-- End Menu-->
                        </nav>
                        <!-- End Nav-->
                                                 
                    </div>
                </div>
            </div>
            <!-- End nav_logo-->

            <!-- Info section Title-->
            <div class="container">
                <div class="row-fluid">
                    <div class="span5">
                        <h1>管理控制台</h1>
                    </div>
                    <div class="span7">                        
                        <p id="identity" class="lead"></p>
                    </div>
                </div>
            </div>            
            <!-- End Info section Title--> 

        </header>
        <!-- End Header-->

        <div id="editModel" class="modal hide fade">
  	  <div class="modal-header">
    	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    	<h3>修改设备</h3>
  	  </div>
  	  <div class="modal-body"><form id="editDevice" method="post" action="#">
		<div class="input-prepend">
		  <span class="add-on"><i class="icon-pencil"></i></span> 
		  <input type="text" id="devicename" class="input-xlarge" name="devicename" placeholder="设备名称">
		</div>
  	  </div>
  	  <div class="modal-footer">
    	<button type="submit" class="btn btn-success">确定</button></form>
    	<button class="btn btn-success" data-dismiss="modal" aria-hidden="true">取消</button>
  	  </div>
	</div>
	<div id="deleteModel" class="modal hide fade">
  	  <div class="modal-header">
    	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    	<h3>删除设备</h3>
  	  </div>
  	  <div class="modal-body">
  	    <p>确定删除吗？</p>
  	  </div>
  	  <div class="modal-footer">
    	<button id="deleteDevice" class="btn btn-success">确定</button>
    	<button class="btn btn-success" data-dismiss="modal" aria-hidden="true">取消</button>
  	  </div>
	</div>
	<div id="queryModel" class="modal hide fade">
  	  <div class="modal-header">
    	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    	<h3>数据查询</h3>
  	  </div>
  	  <div class="modal-body"><form id="queryData" method="post" action="#">
  	    <div id="startTime" class="input-prepend date">
		  <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
		  <input type="text" id="starttime" class="input-xlarge" name="starttime" placeholder="起始时间"></input>
    	</div>
    	<div id="endTime" class="input-prepend date">
		  <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
		  <input type="text" id="endtime" class="input-xlarge" name="endtime" placeholder="结束时间"></input>
    	</div>
  	  </div>
  	  <div class="modal-footer">
    	<button type="submit" class="btn btn-success">查询</button></form>
    	<button class="btn btn-success" data-dismiss="modal" aria-hidden="true">取消</button>
  	  </div>
	</div>
    <div class="container">
      <div class="row-fluid">
        <div class="well span8">
          <div class="marketing">
    	    <p id="selectedCode" class="hide"></p>
      	    <div id="map_canvas"></div>
      	  </div>
      	</div>
		<div class="well span4">
    	  <legend>设备列表</legend>
          <ul id="devices" class="nav nav-tabs nav-stacked"></ul>
          <div class="pagination">
    		<ul class="pager">
    		  <li><a href="#">Previous</a></li>
    		  <li><a href="#">Next</a></li>
    		</ul>
    	  </div>
      	</div>
      </div>
    </div>
		<!-- footer-->
        <footer class="coopring">
            <p>© 2013 北京松果科技有限公司</p>
			<p><a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备13022507号</a></p>
        </footer>      
        <!-- End footer-->
    </div>
   
        <!-- ======================= JQuery libs =========================== -->
        <!-- Always latest version of jQuery-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>   
        <!-- jQuery local-->      
        <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
        <!-- jQuery ui-->    
        <!--<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>-->
		
		<script src="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
		<script src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
		<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBKkEdoXQxDyl3OKTnMjkvRX-HzOxmsxi8&sensor=false"></script>
		<script src="js/jquery.gomap-1.3.2.min.js"></script>
		<script src="js/jquery.scrollUp.min.js"></script>
		<script src="js/jquery.html5storage.min.js"></script>
		<script src="js/markerclusterer.min.js"></script>
		<script src="js/main.js"></script>
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/superfish.js"></script>                                             
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>                           
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
        <!--fUNCTIONS-->
        <!-- ======================= End JQuery libs =========================== -->
		<script type="text/javascript">
		$(document).ready(function() {
			$('#menu').tinyNav({
			   active: 'selected'
			});

			jQuery('ul.sf-menu').superfish();

			$().UItoTop({ 		
				scrollSpeed:500,
				easingType:'linear'
			});	
	   
			var mapOptions = {
			  center: new google.maps.LatLng(-34.397, 150.644),
			  zoom: 8,
			  mapTypeId: google.maps.MapTypeId.ROADMAP
			};
			
			var map = new google.maps.Map(document.getElementById("map_canvas"),
				mapOptions);
      });
    </script>

  </body>
</html>